<template>
  <div class="no-padding app-container check-page-root">
    <div class="process-container">
      <process @txtClick="addIns" :inspect-steps="inspectSteps"></process>
    </div>

    <div class="table-data-container">
      <check-list-page ref="listPage"></check-list-page>
    </div>
<!--    //仅用于页面测试-->
<!--    <div class="test-box">-->

<!--      <SpeedSearch v-model="value"></SpeedSearch>-->
<!--    </div>-->
  </div>
</template>

<script>
import process from './components/process.vue'
import CheckListPage from "@/views/checkPage/subPage/checkListPage/index.vue";
import {INSPECT_STEPS} from "@/views/checkPage/config/checkPageConfig";
import SpeedSearch from "@/components/SpeedSearch/index.vue";  //仅用于页面测试

export default {
  name: "checkPage",
  components: {
    process,
    CheckListPage,
    SpeedSearch,
  },
  data() {
    return {
      inspectSteps: INSPECT_STEPS,
      //此数据仅用于测试快速搜索界面
      value:[]  //子组件通过v-model传来的
    }
  },
  methods:{
    addIns(){
      this.$refs.listPage.handleAdd()
    }
  }
}
</script>

<style lang="scss" scoped>
.app-container.check-page-root {

  .process-container, .table-data-container {
    width: 100%;
  }

  .process-container {
    height: 150px;
  }

  .table-data-container {
    padding: 40px 20px 20px 20px;
    box-sizing: border-box;
    height: calc(100% - 170px);
  }
}
</style>
